import React, { memo } from "react";
import { NavLink } from "react-router-dom";
import classnames from "classnames";

import { TopTitle, NavigationWrap } from "./style";
import { dicoverMenu } from "@/services/local-data";

export default memo(function index() {
  return (
    <NavigationWrap>
      <div className="top">
        <TopTitle className="wrap-v1">
          {dicoverMenu.map((item, index) => {
            return (
              <div className={classnames("navigation-title")} key={item.title}>
                <NavLink to={item.link}>{item.title}</NavLink>
              </div>
            );
          })}
        </TopTitle>
      </div>
    </NavigationWrap>
  );
});
